<template>
    <div class="m-nav">
        <el-menu router :default-active="index" class="el-menu-demo" mode="horizontal">
            <el-menu-item index="0" route="/" >
                <span style="color:#409EFF;">MIRROR</span>
            </el-menu-item>
            <el-menu-item index="1" route="/" >首页</el-menu-item>
            <el-menu-item index="2" route="/About" >API</el-menu-item>
            <el-menu-item index="3" route="/" >功能与特性</el-menu-item>
            <el-menu-item index="4" route="/" >接口文档</el-menu-item>
            <el-menu-item index="5" route="/" class="float: right">博客</el-menu-item>
            <el-submenu index="6">
                <template slot="title">中文</template>
                <el-menu-item >中文</el-menu-item>
                <el-menu-item >English</el-menu-item>
            </el-submenu>
        </el-menu>
    </div>
</template>

<script>
export default {
    name: 'm-nav',
    props: {
        index: String
    },
    data() {
      return {

      };
    },
    methods: {

    },
    mounted() {
        
    }
}
</script>

<style>
.menu-right {
    float: right;
}

</style>